// 品牌大全模块样式
//搜索模块样式
a:hover, a:focus,a:active,a:visited {
    text-decoration: none;
}
.sousuo {
    display: flex;
    padding: 10px 10px;
    .sousuo_k {
        flex: 1;
        height: 30px;
        border: 1px solid #ccc;
        background-color: #ebebeb;
        margin-right: 10px;
        border-radius: 20px;
        padding-left: 20px;
        font-size: 12px;
        border: none;
    }
    > button {
       height: 30px;
       padding: 0 10px;
       border-radius: 20px;
       border: none;
       background-color: #ff9000;
       color: #fff;
    }
}
//导航部分样式
form {
    background-color: #ebebeb ;
    .nav {
        height: 38px;
        line-height: 38px;
        padding-left: 8px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background-color:#ebebeb;
        color: #000;
        > a {
            color: #5a5a5a ;
            font-size: 14px;
            color: #000;
        }  
        a:hover, a:focus,a:active,a:visited {
            text-decoration: none;
        }
        
    }
    .nav_hot2 {
    width: 100%;
    height: 40px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    line-height: 40px;
    color: #874604;
    padding-left: 10px;
    }
    
    // 分类模块样式
    .sortlist {
        position: relative;
        background-color: #fff;
        padding-top: 10px;
        // height: 40px;
        border-bottom: 1px solid #ccc;
        
       
        .as:nth-last-child(1){
            margin: 0;
            
        }
      
        .sortlist_l {
            padding: 0 10px;
            display: block;
            display: flex;
            border-bottom: 1px solid #ccc;
          
            .list_id {
                height: 23px;
                width: 23px;
                background-color: #ccc;
                color: #fff;
                line-height: 23px;
                text-align: center;
                margin-top: 5px;
            }
            .red {
                background-color: red;
            }
            .blue {
                background-color: blue;
            }
            .green {
                background-color: green;
            }
            .a_right{
                flex:1;
                flex-direction: column;
                padding-left: 10px;
                .title {
                   color: #000;
                   font-size: 18px;
                  }
                .count {
                   color: #bbb;
                   font-size: 14px;
                }
            }
            .txt {
                font-size: 20px;
                display: inline-block;
                justify-content: center;
                margin: 10px 0;
                color: #ddd;
            }
        }
    }
 }
 // 销量模块样式
 .rank {

    .rank_header {
        width: 100%;
        height: 40px;
        background-color: #ccc;
        color: #874604;
        line-height: 40px;
        padding-left: 10px;
        font-size: 16px;
    }
    .rank_content {
        font-size: 14px;
        line-height: 22px;
        > ul {
            list-style: none;
            margin: 0;
            > li {
                width: 100%;
                border-bottom: 1px solid #ccc;
            }
        }
        .pic {
            width: 100px;
            height: 100px;
            float: left;
            padding: 0 20px;
        }
        .rank_in {
            font-size: 14px;
            line-height: 24px;
            padding-left: 135px;;
            .rank_title {
                color: #333;
                line-height: 22px;
            }
            .rank_price {
                > em:nth-of-type(1) {
                    font-size: 18px;
                    color: #ea3900;
                    vertical-align: middle;
                    }
                    > span {
                        float: right;
                        padding-right: 10px;
                        > em {
                            color: #ff9000;
                        }
                }
            }
            .rank_comment {
                font-size: 12px;
                color: #999999;
            }
        }
    }
    
    
}

//评论模块样式
.comment_title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: #eeeeee;
    border: 1px solid #dadada;
    color: #874705;
    padding-left: 10px;
}
#comment {
    li {
        a {
        color: #000;

            .comment_top {
                width: 100%;
                display: flex;
                border-top: 1px solid #eeeeee;
                .src {
                    width: 100px;
                }
                .title {
                    flex: 1;
                    margin-top: 10px;
                    padding-left: 10px;
                }
            }
            .comment_bottom {
                background-color: #dadada;
                border: 1px solid #eeeeee;
                padding: 5px 10px;
                margin: 5px;
                position: relative;
                i {
                    position: absolute;
                    border: 10px solid #dadada;
                    border-color: transparent transparent #dadada transparent;
                    top: -20px;
                    left: 15px;
                }
                > p {
                    .star {
                        color: #ff9000;
                    }
                    .date {
                        float: right;
                    }
                }


            }
        }
    }
}